<template>
  <div v-if="visible" class="empty-component">
    <span class="el-icon-bell" />
    <div v-if="message !== false">
      {{ message }}
    </div>
  </div>
</template>

<script>
export default {
  props: {
    message: {
      type: [String, Boolean],
      default: '暂无数据'
    },
    visible: {
      type: Boolean,
      default: true
    }
  }
}
</script>

<style lang="scss" scoped>
.empty-component {
  text-align: center;
  color: #d6d6d6;

  .el-icon-bell {
    font-size: 50px;
    margin-bottom: 20px;
  }
}
</style>
